<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!-- TYPEAHEAD -->
<link rel="stylesheet" type="text/css" href="js/typeahead/typeahead.css" />
<!-- FILE UPLOAD -->
<link rel="stylesheet" type="text/css"
	href="js/bootstrap-fileupload/bootstrap-fileupload.min.css" />
<!-- SELECT2 -->
<link rel="stylesheet" type="text/css" href="js/select2/select2.min.css" />
<!-- UNIFORM -->
<link rel="stylesheet" type="text/css"
	href="js/uniform/css/uniform.default.min.css" />
<!-- JQUERY UPLOAD -->
<!-- blueimp Gallery styles -->
<link rel="stylesheet" href="js/blueimp/gallery/blueimp-gallery.min.css">
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet" href="js/jquery-upload/css/jquery.fileupload.css">
<link rel="stylesheet"
	href="js/jquery-upload/css/jquery.fileupload-ui.css">
<!-- FONTS -->
<link rel='stylesheet' type='text/css'>
<script src="js/jquery/jquery-2.0.3.min.js"></script>

<!-- /SIDEBAR -->
<div id="main-content">

	<div class="container">
		<div class="row">
			<div id="content" class="col-lg-12">
				<!-- PAGE HEADER-->
				<div class="row">
					<div class="col-sm-12">
						<div class="page-header">

							<!-- BREADCRUMBS -->
							<ul class="breadcrumb">
								<li><i class="fa fa-home"></i> <a href="index.jsp">主页</a></li>
								<li><a href="javascript:;">修改角色信息</a></li>
							</ul>

						</div>
					</div>
				</div>
				<!-- /PAGE HEADER -->
				<!-- FORMS -->
				<div class="row">
					<div class="col-md-12">

						<div class="col-md-8" style="margin-left: 17%;">
							<!-- BASIC -->
							<div class="box border ">
								<div class="box-title">
									<h4>
										<i class="fa fa-eraser"></i>修改角色信息
									</h4>

								</div>
								<div class="box-body big">
									<form class="form-horizontal" role="form" action="./updateRole"
										method="post">
										<input type="hidden" name="rid" value="${roles.rid}" /> <input
											type="hidden" name="role_value" value="${roles.role_value}" />
										<table border="1">
                                            <tr>
												<td
													style="height: 45px;width:120px;text-align: center;background-color: #f5f5f5;"><b>编号:</b></td>
												<td style="height: 45px; width:300px;text-align: center;background-color: #f5f5f5;">
													${roles.rid}
												</td>
											</tr>
											<tr>
												<td
													style="height: 45px;width:120px;text-align: center;background-color: #f5f5f5;"><b>角色名称:</b></td>
												<td style="height: 45px; width:300px;text-align: center;">
													<input type="text"
													style="height: 45px; width:100%;text-align: center;"
													name="role_name" value="${roles.role_name}" />
												</td>
											</tr>
											<tr>
												<td
													style="height: 45px;width:120px;text-align: center;background-color: #f5f5f5;"><b>备注:</b></td>
												<td style="height: 45px;width:300px; text-align: center;">
													<textarea rows="8" cols="35" name="role_description">${roles.role_description}</textarea>
												</td>
											</tr>

										</table>
										<br>
										<button type="submit" class="btn btn-primary"
											style="margin-left:33%;">修改</button>
										<button type="reset" class="btn btn-primary">重填</button>

									</form>
								</div>
							</div>

						</div>



					</div>
				</div>
				<!-- /FORMS -->
				<div class="separator"></div>


			</div>
			<!-- /CONTENT-->
		</div>
	</div>
</div>
</section>


<!-- TYPEHEAD -->
<script type="text/javascript" src="js/typeahead/typeahead.min.js"></script>
<!-- AUTOSIZE -->
<script type="text/javascript" src="js/autosize/jquery.autosize.min.js"></script>
<!-- COUNTABLE -->
<script type="text/javascript"
	src="js/countable/jquery.simplyCountable.min.js"></script>
<!-- INPUT MASK -->
<script type="text/javascript"
	src="js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
<!-- FILE UPLOAD -->
<script type="text/javascript"
	src="js/bootstrap-fileupload/bootstrap-fileupload.min.js"></script>
<!-- SELECT2 -->
<script type="text/javascript" src="js/select2/select2.min.js"></script>
<!-- UNIFORM -->
<script type="text/javascript" src="js/uniform/jquery.uniform.min.js"></script>
<!-- JQUERY UPLOAD -->
<!-- The Templates plugin is included to render the upload/download listings -->
<script src="js/blueimp/javascript-template/tmpl.min.js"></script>
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
<script src="js/blueimp/javascript-loadimg/load-image.min.js"></script>
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
<script src="js/blueimp/javascript-canvas-to-blob/canvas-to-blob.min.js"></script>
<!-- blueimp Gallery script -->
<script src="js/blueimp/gallery/jquery.blueimp-gallery.min.js"></script>
<!-- The basic File Upload plugin -->
<script src="js/jquery-upload/js/jquery.fileupload.min.js"></script>
<!-- The File Upload processing plugin -->
<script src="js/jquery-upload/js/jquery.fileupload-process.min.js"></script>
<!-- The File Upload image preview & resize plugin -->
<script src="js/jquery-upload/js/jquery.fileupload-image.min.js"></script>
<!-- The File Upload audio preview plugin -->
<script src="js/jquery-upload/js/jquery.fileupload-audio.min.js"></script>
<!-- The File Upload video preview plugin -->
<script src="js/jquery-upload/js/jquery.fileupload-video.min.js"></script>
<!-- The File Upload validation plugin -->
<script src="js/jquery-upload/js/jquery.fileupload-validate.min.js"></script>
<!-- The File Upload user interface plugin -->
<script src="js/jquery-upload/js/jquery.fileupload-ui.min.js"></script>
<!-- The main application script -->
<script src="js/jquery-upload/js/main.js"></script>
<script>
	jQuery(document).ready(function() {
		App.setPage("printOfficeUpdate"); //Set current page
		App.init(); //Initialise plugins and elements
	});
</script>
